<template>
  <basic-card :title="$t('menu.broadcast_list')" :iconClass="'iconfont icon-broadcast'">
    <div class="task-container">
      <div class="form-container">
        <div class="info-container">
          <el-form ref="form" :model="form" label-width="160px">
            <el-form-item label="活动名称">
              <el-input v-model="form.name"></el-input>
            </el-form-item>
          </el-form>
        </div>
        <el-divider direction="vertical"></el-divider>
        <div class="audio-list-container"></div>
      </div>
      <el-divider></el-divider>
      <div class="list-container"></div>
    </div>
  </basic-card>
</template>
<script lang="ts">
import Vue from 'vue';
import BasicCard from "@/components/Basic/Card/BasicCard.vue";
import BasicTable from "@/components/Basic/Table/BasicTable.vue";
import BasicDeleteDialop from "@/components/Basic/Dialop/BasicDeleteDialop.vue";

export default Vue.extend({
  components: { BasicCard, BasicTable, BasicDeleteDialop }
})
</script>
<style lang="scss" scoped>
.task-container {
  width: 100%;
  display: flex;
}

.form-container {
  flex-grow: 1;
  display: flex;
  flex-direction: column;

}

.list-container {
  width: 280px;
  flex-shrink: 0;
}
</style>
